<template>
	<view class="stepBot">
		<button class="comBtn" @tap="goStep" :loading="disFlag" :disabled="disFlag">{{btnTit}}</button>
	</view>
</template>

<script>
	export default {
		props:{
			btnTit:String,
			disFlag:Boolean
		},
		methods:{
			goStep(){
				this.$emit('goStep')
			}
		}
	}
</script>

<style lang="scss" scoped>
	.stepBot{
		width: 100%;
		@include respTo(phone){
			height: 110rpx;
		}
		@include respTo(pad){
			height: 100rpx;
		}
		box-shadow: 0 -5rpx 8rpx rgba(0,0,0,.02);
		display: flex;
		align-items: center;
		background: #fff;
		position: fixed;
		left: 0;
		bottom: 0rpx;
		z-index: 100; 
		.comBtn{
			width: 60%;
			background: $pss-color-green;
			@include respTo(phone){
				height: 74rpx;
				line-height: 74rpx;
				font-size: $font-size30;
			}
			@include respTo(pad){
				height: 66rpx;
				line-height: 66rpx;
				font-size: $padSize22;
			}
		}
	}
</style>